<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="${staticServer}/inc/style/main.css" />
<link rel="stylesheet" href="${staticServer}/inc/style/page.css" />
<link rel="stylesheet"
	href="${staticServer}/inc/style/date/datepicker.css" />
<script type="text/javascript"
	src="${staticServer}/common/My97DatePicker/WdatePicker.js"></script>
<link rel="stylesheet" href="${staticServer}/css/consultant_client.css" />
<script src="${staticServer}/inc/js/jquery.js"></script>
<script src="${staticServer}/js/web/jquery-form.js"></script>
<script src="${staticServer}/inc/js/pageset.js"></script>
<script src="${staticServer}/inc/js/datepicker.js"></script>
<script src="${staticServer}/inc/js/city.js"></script>
<script src="${staticServer}/inc/js/htmlfilter.js"></script>
<script src="${staticServer}/inc/js/model_resp.js"></script>
<script src="${staticServer}/inc/js/submitter.js"></script>
<script src="${staticServer}/inc/js/infopad.js?2.2"></script>
<script
	src="${staticServer}/inc/js/consultants/consultant_client_quest.js?1.4"></script>
<script src="${staticServer}/js/web/consultant_client_state.js?1.2"></script>
<script src="${staticServer}/js/web/consultant_student_func.js?2.4"></script>
<script src="${staticServer}/js/web/consultant_client_first.js?2.9"></script>
<script src="${staticServer}/js/web/consultant_client_check.js?1.1"></script>
<script>
	var contextPath = '${contextPath}';

	$(function() {
		init_city("province", "city");
		infopad
				.err("添加学生姓名时，请填写规范，尽量不要有错别字。如果前期没有填写学生的全名，后期可以更改。成单时记得把学生名字写规范!");
		setTimeout(
				function() {
					infopad
							.err("添加学生姓名时，请填写规范，尽量不要有错别字。如果前期没有填写学生的全名，后期可以更改。成单时记得把学生名字写规范!");
				}, 2000);
		setTimeout(
				function() {
					infopad
							.err("添加学生姓名时，请填写规范，尽量不要有错别字。如果前期没有填写学生的全名，后期可以更改。成单时记得把学生名字写规范!");
				}, 5000);
		setTimeout(
				function() {
					infopad
							.err("添加学生姓名时，请填写规范，尽量不要有错别字。如果前期没有填写学生的全名，后期可以更改。成单时记得把学生名字写规范!");
				}, 8000);
	})

	function quest_add_phone(tar, name, url) {
		tar.find("> :not(p)").remove();
		var i = $("#allPhone").find("p").length;
		var h = '<p rel="QUEST_PHONE"><input id="phone'+i+'" name="phone" size="20" placeholder="电话号码" maxlength="100" />'
				+ '&nbsp;&nbsp;关系：<input type="radio" value="爸爸" id="baba'+i+'" name="myrad'+i+'">爸爸'
				+ '&nbsp;<input type="radio" value="妈妈" id="mama'+i+'" name="myrad'+i+'">妈妈'
				+ '&nbsp;&nbsp;<input type="radio" value="其他" id="qita'+i+'" name="myrad'+i+'">其他'
				+ '&nbsp;<input id="guanxi'+i+'" name="guanxi" size="20" placeholder="填写关系" maxlength="100" />'
				+ '&nbsp;<input type="button" class="btn_cancel" title="删除"></p>';

		tar.append(h);
		var self = tar.find("p:last");
		self.find(".btn_cancel").click(function() {
			$(this).parent().remove();
		});
	}

	$(function() {
		$("#btnAddPhone").click(function() {
			quest_add_phone($("#allPhone"), "", "");
		});
	})

	$(function() {
		$("#laiYuanUrl").keyup(
				function() {
					var laiYuanUrl = $("#laiYuanUrl").val();
					if (laiYuanUrl.indexOf("#sjbd") > 0
							|| laiYuanUrl.indexOf("#pcbd") > 0
							|| laiYuanUrl.indexOf("#bd-pc") > 0
							|| laiYuanUrl.indexOf("#bd-sj") > 0) {
						$("#source").val("jd2q59wq41ed");
					} else if (laiYuanUrl.indexOf("#sj-haosou") > 0
							|| laiYuanUrl.indexOf("#pc-haosou") > 0) {
						$("#source").val("zgviq7wj9j0p");
					} else if (laiYuanUrl.indexOf("#sogou") > 0
							|| laiYuanUrl.indexOf("-sogou") > 0) {
						$("#source").val("eyxl17rri7xu");
					} else if (laiYuanUrl.indexOf("app") > 0) {
						$("#source").val("G6JF20B929Y3");
					} else if (laiYuanUrl.indexOf("#shenma") > 0) {
						$("#source").val("F819056877F8");
					} else if (laiYuanUrl.indexOf("www.jingsi.org.cn") > 0
							|| laiYuanUrl.indexOf("adhdchina.com") > 0
							|| laiYuanUrl.indexOf("zhuyili.org") > 0
							|| laiYuanUrl.indexOf("zhuanzhuli.org") > 0
							|| laiYuanUrl.indexOf("jsxue.com") > 0) {
						$("#source").val("l0j9fitg3t94");
					} else if (laiYuanUrl == "无") {
						$('#source').attr("disabled", false);
					} else {
						$('#source').attr("disabled", true);
					}

				});
	});
</script>

<script>
	var contextPath = '${contextPath}';
	$(function() {
		$("#souchange").keyup(function() {
			var name = $("#souchange").val();
			if (name == "") {
				$("#souchange").val("");
				return;
			}
			$.post("${contextPath}/consu/getSourceByname.json", {
				"name" : name
			}, function(ms) {
				if (ms.source1 != null) {
					var sour = ms.source1;
					var keyname = sour.keyname;
					$("#source").val(keyname);
				}
			});
		});
	})
</script>

<style type="text/css">
#statelist label {
	display: block;
	float: left;
	width: 120px;
}
</style>
</head>

<body>
	<div id="home_link">
		<ul>
			<li>竞思教育网络办公系统 v2.0 beta</li>
			<li>&gt;</li>
			<li>咨询师业务管理</li>
			<li>&gt;</li>
			<li class="current">首次资源登记</li>
		</ul>
	</div>
	<div id="caption">
		<ul>
			<li><span class="title">操作提示：</span></li>
			<li>Ctrl+Enter 提交</li>
		</ul>
	</div>
	<div id="container">
		<div id="title"></div>
		<table id="infotable">
			<tr class="fields">
				<th colspan="2">客户基本资料<a id="btn_detailed"></a></th>
			</tr>
			<tr>
				<th width="25%">客户姓名/称呼
					<p class="caption">若不填写将显示为“匿名”</p>
				</th>
				<td width="75%"><input id="nickname" /></td>
			</tr>
			<tr>
				<th width="25%">无效资源
					<p class="caption">无效资源将不定期被清理</p>
				</th>
				<td width="75%"><input id="invalid" type="checkbox" /><label
					for="invalid">是否为无效资源</label>
					<p class="caption">为了节省服务器资源，一般标记为无效资源有可能会被不定期清理，标记时请慎重考虑。</p>
					<p class="caption">标记为无效资源时，咨询内容和学员资料都可以省略不必填写。</p></td>
			</tr>
			<tr>
				<th>初始访问网址*</th>
				<td><input id="laiYuanUrl" type="text" value=""
					placeholder="请粘贴来源网址到此处，会自动识别渠道。" size="50" />
					<p class="caption">请粘贴来源网址到此处，会自动识别渠道。如果没有来源网址，请填写：无</p>
			</tr>
			<tr>
				<th>获取资源日期*</th>
				<td><input type="text" id="start_date" placeholder="点击选择获取资源日期"
					onFocus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})" />
					<p class="line"></p>
					<p class="caption">记录获取本条客户资源的日期。</p></td>
			</tr>
			<tr>
				<th>客户来源渠道 <!--   <a id="btnAddSource" class="add" title="点击添加新的客户来源渠道"></a>--></th>
				<td><select id="source" disabled>
						<option value="">-- 请选择 --</option> <#if souList??> <#list souList
						as list>
						<option value="${list.keyname}">${list.name}</option> </#list>
						</#if>
				</select> <input type="text" id="souchange" placeholder="输入来源快捷匹配">
					<p class="caption">“百度推广”是收费竞价排名来源，“百度自然搜索”是免费的关键词搜索来源</p>
					<p class="caption">“商务通未知”是无轨迹或者无法判断来源，请在下方“网址”栏填写具体网址（必须）</p></td>
			</tr>
			<tr rel="hide2">
				<th>商桥网址</th>
				<td><input id="url" size="50" />
					<p class="caption">很重要，商桥中来源为具体网址的必须填写</p></td>
			</tr>
			<tr>
				<th>客户意向</th>
				<td><select id="intention">
						<option value="">--请选择--</option>
						<option value="A">A</option>
						<option value="B">B</option>
						<option value="C">C</option>
						<option value="D">D</option>
				</select>
					<p class="caption">A的说明：高意向，意向明确的客户；B的说明：意向一般，可以继续跟踪客户；C的说明：可继续回访，长期跟踪，意向不强客户；D的说明:无明确意向，可以放弃跟踪，无效资源。</p></td>
				</td>
			</tr>
			<tr>
				<th>问卷网址<a id="btnAddQuest" class="add" title="点击添加新问卷"></a>
					<p class="caption">问卷调查结果页地址（可多个）</p>
				</th>
				<td id="quest_list"><em class="caption">请点击左侧“+”添加新问卷地址</em></td>
			</tr>
			<tr>
				<th>关键词</th>
				<td><input id="keyword" size="50" />
					<p class="caption">很重要，商桥中来源于搜索引擎的必须填写</p></td>
			</tr>

			<tr>
				<th>所在地</th>
				<td><select id="province">
				</select> <em class="caption">（省份）</em> <select id="city"><option
							value>选择城市</option>
				</select> <em class="caption">（城市）</em>
					<p class="caption">当地有中心的客户资源一定要正确选择省和市，这将直接影响业绩统计</p></td>
			</tr>
			<tr>
				<th>具体地址（选填）
					<p class="caption">省市部分省略后的更详细地址</p>
				</th>
				<td><input id="address" size="50" /></td>
			</tr>
			<tr>
				<th>联系电话 <a id="btnAddPhone" class="add" title="点击添加新问卷"></a>
					<p class="caption">可以填写手机号码、座机号码</p>
				</th>
				<td id="allPhone">
					<p rel="QUEST_PHONE">
						<input id="phone" name="phone" size="20" placeholder="电话号码"
							maxlength="100" class="off_input" /> &nbsp;关系：<input
							type="radio" value="爸爸" name="myrad0">爸爸 <input
							type="radio" value="妈妈" name="myrad0">妈妈 &nbsp;<input
							type="radio" value="其他" name="myrad0">其他 <input
							id="guanxi" name="guanxi" size="20" placeholder="填写关系"
							maxlength="100" />
					</p>
					<p rel="errnote" style="color: #f30;"></p>
				</td>
			</tr>
			<tr>
				<th>微信号</th>
				<td><input id="weixin" size="50" class="off_input" />
					<p rel="errnote" style="color: #f30;"></p></td>
			</tr>
			<tr>
				<th>电子邮箱</th>
				<td><input id="email" size="50" class="off_input" />
					<p rel="errnote" style="color: #f30;"></p></td>
			</tr>
			<tr>
				<th>QQ</th>
				<td><input id="qq" size="50" class="off_input" />
					<p rel="errnote" style="color: #f30;"></p></td>
			</tr>
			<tr>
				<th>IP地址</th>
				<td><input id="ip" />
					<p class="caption">商桥中若有IP地址的必须填写，便于推广调整</p></td>
			</tr>

			<tr>
				<th>备注信息</th>
				<td><div id="desc" contenteditable="true"></div>
					<p class="line"></p>
					<p class="caption">仅供后台标记、备注相关信息使用（会在查询列表中显示该备注）</p></td>
			</tr>
		</table>
		<table>
			<tr class="fields">
				<th colspan="2">首次咨询内容登记</th>
			</tr>
			<tr>
				<th width="25%">首次客户状态 <!-- 					<a id="btnAddState" class="add" title="点击添加新的客户状态"></a> -->
					<p class="caption">状态可多选，不选择代表“无变化”</p>
				</th>
				<td width="75%" id="statelist" style=""><label for="state_1"
					title="明确不参加"><input id="state_1" type="checkbox"
						value="qenzgu6wde3c">不参加</label><label for="state_2"
					title="有较高意向和兴趣"><input id="state_2" type="checkbox"
						value="nhb8wyq1nda5">高意向</label><label for="state_3"
					title="已经发送相关协议"><input id="state_3" type="checkbox"
						value="qyebkhp2x67y">已发协议</label><label for="state_4"
					title="计划另行跟踪"><input id="state_4" type="checkbox"
						value="138g5wfwm1mx">计划跟踪</label><label for="state_6"
					title="已成功预约测评"><input id="state_6" type="checkbox"
						value="mldqhlrg1sad">已预约</label><label for="state_12" title=""><input
						id="state_12" type="checkbox" value="n4f79h2giie6">意向一般</label></td>
			</tr>
			<tr id="date_target">
				<th>定时提醒</th>
				<td><input type="text" id="remind_date" size="20"
					maxlength="20" rel="DATE::Y-m-d" />
					<p class="caption">需要计划在某日期跟踪时，设置“定时提醒”当天会有消息提醒。</p></td>
			</tr>
			<tr>
				<th width="25%" style="padding: 15px 10px 15px 10px;">跟踪情况
					<p class="caption">客户咨询内容摘要，如“咨询问题”等</p>
				</th>
				<td width="75%"><div id="remark" contenteditable="true">无</div></td>
			</tr>
		</table>
		<div id="studentlst"></div>
		<div class="remark">
			<ul>
				<li><span class="title">注意事项：</span></li>
				<li>1、咨询过程中可选填客户详细资料，但“客户姓名”务必填写，否则将显示“匿名”</li>
				<li>2、新客户至少需要“电话、QQ、邮箱”中一项联系方式，否则这是无效资源</li>
				<li>3、联系电话最好以手机为准，可以保持更高的准确性、可靠性</li>
				<li>4、客户详细资料填写后，即使隐藏，提交时也会予以保存</li>
				<li>5、学员资料可以填写多个，请点击“增加新的学员”来添加新学员</li>
			</ul>
		</div>
		<div id="controlbar">
			<input id="btnSubmit" type="button" class="submit" value="保存客户咨询记录  " />
			<input id="btnAddStudent" type="button" value="增加新的学员  " />
		</div>
	</div>
</body>
</html>